@import '@/assets/styles/element-variables.scss';

.zz-title{
    margin: 15px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items:center;

    .icon-pointer {
        display: none;
        height:20px;
        width: 5px;
        background:$--color-primary;
        border-radius: 1px;
        position: absolute;
        left:0;
        top:50%;
        transform: translate(0,-50%);
    }

    &.zz-title-show {
        >div:first-child {
            height:20px;
            line-height:20px;
            position: relative;
            padding-left:10px;
        }
        .icon-pointer {
            display: inline-block;
        }
    }
    &-division {
        position: absolute;
        bottom: -10px;
        width: 100%;
        height: 1px;
        background-image: linear-gradient(
          to right,
          #ddd 0%,
          #ddd 50%,
          transparent 50%
        );
        background-size: 10px 1px;
        background-repeat: repeat-x;
    }
}